DAY29： 引入 Google Fonts 到您的 Nuxt 项目中

首先，您需要安裝 @nuxtjs/google-fonts 模塊，您可以使用以下命令：

yarn add @nuxtjs/google-fonts
# 或
npm install @nuxtjs/google-fonts

然後，將其添加到您的 Nuxt 配置中：

// nuxt.config.js
export default {
  buildModules: ['@nuxtjs/google-fonts'],
  googleFonts: {
    families: {
      // 指定您想要的字體
      Roboto: true,
      'Open+Sans': true,
    },
  },
}

現在，您已經成功引入了 Google Fonts 到您的項目中。您可以在 googleFonts 配置中指定您所需的字體，以及字體的變體（例如粗體、斜體等）。

功能亮點
@nuxtjs/google-fonts 模塊具有許多功能，包括：

• 支持 Nuxt 3 和 Nuxt Bridge
• 通過字體名稱/變體指定字體
• 解析 Google Fonts 的頭部鏈接
• 僅創建到 Google Fonts 的外部鏈接
• 支持 CSS API v2
• 添加 DNS 預取（dns-prefetch）
• 添加預連接（preconnect）
• 添加預加載（preload）
• 可將 CSS 和字體下載到本地項目中，無需外部資源
• 可將字體編碼為 base64